<template>
  <div class="before-days">
    往前
    <ElInputNumber class="before-days-inner" :="attrs" controls-position="right" :min="1" :precision="0"/>
    天
  </div>
</template>

<script setup lang="ts">
import { useAttrs } from 'vue'
import { ElInputNumber } from 'element-plus'
const attrs = useAttrs()
</script>

<style scoped lang="scss">
.before-days {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  &-inner {
    margin: 0 15px;
    flex-grow: 1;
  }
}
</style>
